$(function () {
    // 初始化输入框的值
    var json = initInputValue();

    // 默认查询第一页的菜品信息
    showData(1, json);

    // 给搜索按钮设置点击事件
    $("#query").click(function () {
        // 初始化输入框的值
        var json = initInputValue();
        showData(1, json);
    });

    // 重置按钮点击事件
    $("#restart").click(function () {
        $("#dish_name").val("");
        $("#price").val();
        $("#dishCategory").val("");
        // 初始化输入框的值
        var json = initInputValue();
        showData(1, json);
    });

    // 页码点击事件
    $(".page").on("click", ".currentPage", function () {
        var currentPage = $(this).text();
        // 初始化输入框的值
        var json = initInputValue();

        showData(currentPage, json);
    })
    //删除按钮点击事件
    $("#table").on("click", ".delete", function () {
        var b = confirm("是否要删除该菜品信息");
        if (b) {
            // 得到要删除的id
            var id = $(this).attr("id");
            $.ajax({
                type: "get",
                url: "http://192.168.1.30:8080/dish/delete/" + id,
                dataType: "json",
                success: function (msg) {

                    if (msg.code == 200) {
                        alert("删除成功");
                    } else {
                        alert("删除失败");
                    }
                    // 初始化输入框的值
                    var json = initInputValue();
                    showData(1,json);
                }
            });
        }
    })
    // 查询所有分类信息  得到菜品分类信息   jobj=json（用户输入的值）
    function showData(currentPage, jobj) {
        // 删除旧的菜品分类  发起最新的请求
        $(".categoryOp").remove();
        $.ajax({
            type: "get",
            url: "http://192.168.1.30:8080/dishCategory/all",
            // 将页面输入的值变成json格式
            dataType: "json",
            // ajax发起请求以后返回的结果集在msg
            success: function (msg) {
                console.log(msg);
                $.each(msg.date.list, function (i, n) {
                    // 把数据库结果集的值绑定到页面上
                    var op = $("<option class='categoryOp' value=" + n.id + ">" + n.dishCategoryName + "</option>");
                    $("#dishCategory").append(op);
                })
                // 设置原来的所属分类
                $("#dishCategory").val(jobj.category.id);
            }
        });

        // 查询当前页的菜品信息
        $.ajax({
            type: "post",
            url: "http://192.168.1.30:8080/dish/query/"
                + currentPage + "/5",//请求的url地址参考web.xml
            dataType: "json",
            data: JSON.stringify(jobj),
            contentType: "application/json;charset=UTF-8",
            success: function (msg) {
                // 删除过去的页面
                $(".tr1").remove();
                $(".currentPage").remove();
                //dishesTotal
                var dishesTotal = msg.date.dishList.dishestotal;
                var totalPage = dishesTotal % 5 == 0 ? dishesTotal / 5 : parseInt((dishesTotal / 5)) + 1;
                for (var i = 1; i <= totalPage; i++) {
                    //                                    点击页数不跳转
                    var aObj = $("<a class='currentPage' href='javascript:void(0)'>" + i + "</a>")
                    $(".page").append(aObj);
                }

                $.each(msg.date.dishList.dishess, function (i, n) {
                    console.log(n);
                    var trObj = $("<tr class='tr1'></tr>");
                    var td1 = $("<td>" + n.id + "</td>");
                    var td2 = $("<td>" + n.dishName + "</td>");
                    var td3 = $("<td>" + n.price + "</td>");
                    var td4 = $("<td>" + n.buyCount + "</td>");
                    var td5 = $("<td><img src='" + n.picPath + "'/></td>");
                    var td6 = $("<td>" + n.category.dishCategoryName + "</td>");
                    var td7 = $("<td>" + n.created + "</td>");
                    var td8 = $("<td>" + n.updated + "</td>");
                    var td9 = $("<td><a id='" + n.id + 
                    "' class='delete' href='javascript:void(0)'>删除</a>|<a href='../tt/updateDishes.html?updateId="
                     + n.id + "'>修改</a></td>");
                    trObj.append(td1);
                    trObj.append(td2);
                    trObj.append(td3);
                    trObj.append(td4);
                    trObj.append(td5);
                    trObj.append(td6);
                    trObj.append(td7);
                    trObj.append(td8);
                    trObj.append(td9);

                    $("#table").append(trObj);
                })

            }
        })
    }
    // 初始化输入框的值
    function initInputValue() {
        // 得到输入框里面的值，把他们作为参数发送到java
        // 没有输值得时候默认为null
        var dish_name = $("#dish_name").val();
        if (dish_name == "") {
            dish_name = null;
        }
        var price = $("#price").val();
        if (price == "") {
            price = null;
        }
        var CategoryId = $("#dishCategory").find("option:selected").attr("value");
        if (CategoryId == 0) {
            // 刷新页面还是请选择所属分类
            CategoryId = 0;
        }

        // 用户在输入框输入值拼接成为json格式
        var json = {
            "dishName": dish_name,
            "price": price,
            "category": {
                "id": CategoryId
            }
        }
        return json;
    }
})